<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>酷狗520</title>
    <link rel="shortcut icon" href="img/logo.jpg">
    <link rel="stylesheet" href="css/animation.css">
    <link rel="stylesheet" href="css/index.css">
   
    
</head>
<body>
<div id="web">
    <!-- 首页 -->
    <div class="page0">
        <div class="protagonist">
            <img src="img/page0/protagonist.png" alt="">
        </div>
        <div class="earth">
            <img src="img/page0/earth.png" alt="">
        </div>
        <div class="arrow">
            <img src="img/page0/arrow.png" alt="">
        </div>
        <div class="pleaseWearEar">
            <img src="img/page0/pleaseWearEar.png" alt="">
        </div>
        <div class="tiaoGuo">
            <img src="img/page0/tiaoGuo.png" alt="">
        </div>
        <!-- 首页加载结果 -->
        <div class="loadres"></div>
    </div>
    <div class="content">
       <div class="page1">
            <div class="index_bg">
                <img src="img/page1/index_bg.jpg" alt="">
            </div>
            <div class="KuGouLog">
                <img src="img/page1/KuGouLog.png" alt="">
            </div>
            <div class="index_secguess">
                <img src="img/page1/index_625secguess.png" alt="">
            </div>
            <div class="mouth">
                <img src="img/page1/mouth.png" alt="">
            </div>
            <div class="whatSong">
                <img src="img/page1/whatSong.png" alt="">
            </div>
            <div class="man_left">
                <img src="img/page1/man_left.png" alt="">
            </div>
            <div class="man_right">
                <img src="img/page1/man_right.png" alt="">
            </div>
            <div class="index_start start_btn">
                <img src="img/page1/index_start.png" alt="">
            </div>
            <div class="what what1">
                <img src="img/page1/what.png" alt="">
            </div>
            <div class="what what2">
                <img src="img/page1/what.png" alt="">
            </div>
            <div class="what what3">
                <img src="img/page1/what.png" alt="">
            </div>
            <div class="what what4">
                <img src="img/page1/what.png" alt="">
            </div>
            <div class="sixQuery">
                <img src="img/page1/sixQuery.png" alt="">
            </div>
       </div>
       <div class="page2">
           <div class="yuan_bg">
               <img src="img/page2/yuan_bg.png" alt="">
           </div>
           <div class="movieHitSongCityWall" >
               <img src="img/page2/movieHitSongCityWall.png" alt="">
           </div>
           <div class="movieHitSongpeople">
               <img src="img/page2/movieHitSongpeople.png" alt="">
           </div>
           <div class="movieHitSong">
               <img src="img/page2/movieHitSong.png" alt="">
           </div>
       </div> 
       <div class="page3 " >
           <div class="index_bg">
               <img src="img/page3/index_bg.jpg" alt="">
           </div>
           <div class="lightearth">
               <img src="img/page3/lightearth.png" alt="">
           </div>
           <div class="stage">
               <img src="img/page3/stage.png" alt="">
           </div>
           <div class="songer">
               <img src="img/page3/songer.png" alt="">
           </div>
           <div class="audienceLeft">
               <img src="img/page3/audienceLeft.png" alt="">
           </div>
           <div class="audienceRight">
               <img src="img/page3/audienceRight.png" alt="">
           </div>
           <div class="wow1">
               <img src="img/page3/wow.png" alt="">
           </div>
           <div class="wow2">
               <img src="img/page3/wow2.png" alt="">
           </div>
       </div>
       <div class="page4" >
           <div class="yuan_bg">
               <img src="img/page4/yuan_bg.png" alt="">
           </div>
           <div class="car">
               <img src="img/page4/car.png" alt="">
           </div>
           <div class="lightearth">
                <img src="img/page3/lightearth.png" alt="">
            </div>
            <div class="threeYao">
                <img src="img/page4/threeYao.png" alt="">
            </div>
            <div class="hua">
                <img src="img/page4/hua.png" alt="">
            </div>
       </div>
       <div class="page5">
           <div class="yuan_bg">
               <img src="img/page5/yuan_bg.png" alt="">
           </div>
           <div class="lightearth">
                <img src="img/page3/lightearth.png" alt="">
            </div>
            <div class="watchpeos">
                <img src="img/page5/watchpeos.png" alt="">
            </div>
            <div class="sangBan1">
                <img src="img/page5/sangBan1.png" alt="">
            </div>
            <div class="jianfeizaode">
                <img src="img/page5/jianfeizaode.png" alt="">
            </div>
            <div class="sangBan2">
                <img src="img/page5/sangBan2.png" alt="">
            </div>
            <div class="WCwalls">
                <img src="img/page5/WCwalls.png" alt="">
            </div>
            <div class="feiZhao wow flipInX">
                <img src="img/page5/feiZhao.png" alt="">
            </div>
       </div>
       <div class="page6">
           <div class="yuan_bg">
               <img src="img/page6/yuan_bg.png" alt="">
           </div>
           <div class="lightearth">
                <img src="img/page6/lightearth.png" alt="">
            </div>
            <div class="oldman">
                <img src="img/page6/oldman.png" alt="">
            </div>
            <div class="juhualeft">
                <img src="img/page6/juhualeft.png" alt="">
            </div>
            <div class="juhuaright">
                <img src="img/page6/juhuaright.png" alt="">
            </div>
       </div>
       <div class="page7">
           <div class="manwoman_bg">
               <img src="img/page7/manwoman_bg.png" alt="">
           </div>
           <div class="wuman">
               <img src="img/page7/wuman.png" alt="">
           </div>
           <div class="man">
               <img src="img/page7/man.png" alt="">
           </div>
           <div class="wogeiyou">
               <img src="img/page7/wogeiyou.png" alt="">
           </div>
       </div>
       <div class="page8">
           <div class="user_bg">
               <img src="img/page8/user_bg.png" alt="">
           </div>
           <div class="userint">
               <div class="touxiang">
                   <img src="" alt="">
               </div>
               <div class="name">咸猪手</div>
           </div>
           <div class="KuGouLog">
               <img src="img/page8/KuGouLog.png" alt="">
           </div>
           <div class="glod">
               <img src="" alt="">
           </div>
           <div class="info">
               <div class="text3">
                    猜中<span></span>首
               </div>
           </div>
           <div class="text">
                <div class="txt">
                    
                </div>
           </div>
           <div class="buttonleft">
               <div class="text1">
                   再次挑战
               </div>
           </div>
           <div class="buttonright">
                <div class="text2">
                    分享朋友圈
                </div>
            </div>
            <div class="paiming_title">
                <img src="img/page8/paiming_title.png" alt="">
            </div>
            <div class="paiming_bg">
                <div class="text4">
                    <table id="tab"  cellspacing="0">
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>
                                    <img src="img/page8/touxinag.png" alt="">
                                </td>
                                <td>咸猪手</td>
                                <td>黄金</td>
                                <td>
                                    <img src="img/page8/gold.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>
                                    <img src="img/page8/touxinag.png" alt="">
                                </td>
                                <td>咸猪手</td>
                                <td>黄金</td>
                                <td>
                                    <img src="img/page8/gold.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>
                                    <img src="img/page8/touxinag.png" alt="">
                                </td>
                                <td>咸猪手</td>
                                <td>黄金</td>
                                <td>
                                    <img src="img/page8/gold.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>
                                    <img src="img/page8/touxinag.png" alt="">
                                </td>
                                <td>咸猪手</td>
                                <td>黄金</td>
                                <td>
                                    <img src="img/page8/gold.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>
                                    <img src="img/page8/touxinag.png" alt="">
                                </td>
                                <td>咸猪手</td>
                                <td>黄金</td>
                                <td>
                                    <img src="img/page8/gold.png" alt="">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
       </div>
    </div>
  
    <!-- a,b,c选项 -->
    <div class="option">
        <div class="selectA select">
            <div class="answer1" id="an"></div>
        </div>
        <div class="selectB select">
            <div class="answer2"></div>
        </div>
        <div class="selectC select">
            <div class="answer3"></div>
        </div>
    </div>
    <div class="time">
        <div class="timetext">60</div>
    </div>
    <audio src="" class="player" loop></audio>
    <!-- 分享到朋友圈 -->
    <div class="share">
        <img src="img/share.png" alt="">
    </div>
    <div class="alertinfo">每首歌至少听2秒喔~</div>
</div>

    <script src="js/jquery-2.1.0.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/index.js"></script>
    <script src="js/preloadjs.min.js"></script>
    <script>
        
    </script>
</body>
</html>